<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>传统注册事件</button>
    <button>方法监听注册事件</button>
    <button>ie9 attachEvent</button>
    <script>
        var btns = document.querySelectorAll('button');
        //传统注册事件   具有唯一性
        btns[0].onclick = function(){
            alert('hi~~');
        }
        btns[0].onclick = function(){
            alert('i need healing');
        }

        //方法监听注册事件  事件类型是字符串,加引号,不加on 同一个元素，同一个事件可添加多个程序
        btns[1].addEventListener('click',function(){
            alert('卢本伟');
        })
        btns[1].addEventListener('click',function(){
            alert('牛逼');
        })
        //ie9 attachEvent 不推荐
        btns[2].attachEvent('onclick',function(){
            alert('啊啊啊');
        })
    </script>
</body>
</html>